/*
 * @Author:张晨旭
 * @Date: 2021-04-28 21:08:54
 * @LastEditTime: 2021-04-28 21:26:12
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \ribao\daily-1807a-6\项目代码\project2\Wipi_plog\src\components\works\setFormA.tsx
 */
import React, { useEffect, useState } from 'react';
import { Form, Input, Button, Radio } from 'antd';
import { InfoCircleOutlined } from '@ant-design/icons';
import styles from "./setForm.less"


const FormLayoutDemo = () => {
    const [form] = Form.useForm()
    const onFinish = (values: any) => {
      console.log('Success:', values);
    };
  
    const onFinishFailed = (errorInfo: any) => {
      console.log('Failed:', errorInfo);
    };
  
    useEffect(() => {
     console.log(form);
     form.setFieldsValue({
      API:"2f616121a4be61774c494d106870f30e",
      APId:`G-10SK76KWMS`
     })
    }, [])

    return (
      <Form
      form={form}
      layout="vertical"
      initialValues={{ remember: true }}
      onFinish={onFinish}
      onFinishFailed={onFinishFailed}
    >
       <Form.Item label="关键词:" name="API">
        <Input placeholder="请输入系统地址" />
      </Form.Item>

      <Form.Item label="描述信息:" name="APId" >
        <Input placeholder="请输入系统地址" />  
      </Form.Item>

      <Form.Item>
        <Button type="primary" htmlType="submit">
          Submit
        </Button>
      </Form.Item>
    </Form>
    );
  };
  export default FormLayoutDemo
  
